﻿<!DOCTYPE html>
<html>

<head>
<title>iSafe</title>
<link rel="shortcut icon" href="img/favicon.ico" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
<link href="css/metro-bootstrap.css" rel="stylesheet" type="text/css">
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">

 $(document).ready(function () { 
$('#navi-list div').addClass('thumbnail tile tile-clouds');
 });

</script>
<style type="text/css">
html {
	overflow-x: hidden;
}
.links {
	overflow: hidden;
}
.links li {
	float: left;
	padding: 2px;
	height: 134px;
	width: 134px;
	text-align: center;
}
.links-list {
	list-style: none;
	padding-left: 0;
}
</style>
</head>

<body>

<div class="row">
	<div class="col-md-8  col-md-offset-2 col-lg-6  col-lg-offset-3" style="padding: 100px 20px 20px 20px;">
		<ul id="search-link" class="nav nav-pills">
			<li class="active"><a href="#">必应</a></li>
			<li class=""><a href="#">谷歌</a></li>
			<li class=""><a href="#">百度</a></li>
		</ul>
	</div>
	<div class="col-md-8  col-md-offset-2 col-lg-6  col-lg-offset-3" style="padding: 20px">
		<form id="search-form" accept-charset="utf-8" action="http://cn.bing.com/search" onsubmit="document.charset='utf-8';" target="_blank">
			<div class="input-group">
				<a id="engine-logo" href="cn.bing.com"></a>
				<input class="form-control" placeholder="Search" type="text">
				<span class="input-group-btn">
				<button class="btn btn-default" type="submit">
				<span class="glyphicon glyphicon-search"></span></button></span>
			</div>
		</form>
	</div>
	<div class="col-md-8  col-md-offset-2 col-lg-6  col-lg-offset-3" style="padding: 80px 20px 20px 20px;">
		<div id="navi-list" class="links">
			<ul class="links-list">
				<li>
				<div>
					<a href="#"><img src="img/github.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/oschina.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/infoq.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/51cto.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/geek.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/36kr.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/csdn.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/cnblogs.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/yixieshi.png"></a></div>
				</li>
				<li>
				<div>
					<a href="#"><img src="img/w3logo.png"></a></div>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="navbar navbar-fixed-bottom">
	<div class="row">
		<div class="col-md-8  col-md-offset-2 col-lg-6  col-lg-offset-3" style="padding: 0 20px 0 20px;">
			<div style="float: left;">
				@2014 NCS Pte.Ltd.</div>
			<div style="text-align: right;">
				<a href="#">关于iSafe Browser</a>&nbsp;&nbsp; <a href="#">反馈</a></div>
		</div>
	</div>
</div>

</body>

</html>
